<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8"/>
    <title>会员管理</title>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/userCenter.css"/>
    <link rel="stylesheet" href="../css/subscribe.css"/>
    <script src="../js/jquery-3.2.0.min.js"></script>
    <script src="../js/userCenter.js"></script>
     <script src="../js/modal.js"></script>

    <script src="../js/swiper/idangerous.swiper2.7.6.min.js"></script>
    <script type="text/javascript" src="../js/Popt.js"></script>
    <script type="text/javascript" src="../js/cityJson.js"></script>
    <script type="text/javascript" src="../js/citySet.js"></script>
    <script type="text/javascript" src="../js/login.js"></script>
    <link rel="stylesheet" type="text/css" href="../js/swiper/idangerous.swiper2.7.6.css" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/home.css"/>
    <link rel="stylesheet" type="text/css" href="../css/login.css" />

</head>
<body id="orange">
<div class="nav">
    <div class="content nav-content">
        <div class="nav-left">
            <div class="log">
                <div class="log-content">
                    <img src="../img/logo.png" alt="logo图" />
                </div>
            </div>
            <div class="address">
                <div class="address-content">
                    <img class="address-icon" src="../img/address.png"  />
                    <span id="selcity">济南</span>
                    <span>[<span id="city" style="cursor: pointer;">切换城市</span>]</span>
                </div>
            </div>
        </div>
        <div class="nav-right">
            <div class="login-register">
                <div class="login-register-content">
                    <!--<span>您好，请 <a href="javascript:void(0);" onclick = "showDialog()" >登录</a>  或   <a href="/index/register" target="_blank">注册</a> </span>-->
                    <span><strong class="">test003</strong> 欢迎您!</span>
                </div>
            </div>
            <div class="btn-group">
                <div class="btn-group-content">
                    <button class="btn" onclick="huanFu()">换肤</button>
                    <button class="btn">中文</button>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-bar">
        <div class="content">
            <ul class="nav-bar-content-left">
                <li><a href="/index/home">首&nbsp;&nbsp;&nbsp;&nbsp;页</a></li>
                <li><a href="/userCenter/userInfo">会员管理</a></li>
                <li><a href="/searchStation">智能检车</a></li>
                <li><a href="/myVehicle/detectReport">我的车况</a></li>
                <li><a href="/about">关于我们</a></li>
            </ul>
            <div class="nav-bar-content-right">
                <i class="tell-phone"></i>
                <span>400-400-8888</span>
            </div>

        </div>
    </div>
    <div class="banner">
        <div class="content banner-content">
            <div class="int-vehicle">
                <button class="int-vehicle-btn">
                    <i class="car-icon"></i>
                    会员管理
                </button>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="content">
        <div class="int-vehicle-ul">
            <ul>
                <li class="active"><i class="triangle-icon"></i><a href="/userCenter/userInfo">会员中心</a></li>
                <li><i class="triangle-icon"></i><a href="/userCenter/vehicleInformation">车辆资料</a></li>
            </ul>
        </div>
        <div class="container-right">
            <div class="crumbs">
                <ul>
                    <li><a href="/index/home">首页</a><i class="triangle-icon"></i></li>
                    <li><a href="">会员管理</a><i class="triangle-icon"></i></li>
                    <li class="active"><a href="">会员中心</a></li>
                </ul>
            </div>

            <div class="detailSub">
                <div class="page-main">
                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                           <label>用户名</label>
                        </div>
                       <input type="text" class="text" style="width:200px;" value="test003" disabled="disabled"/>
                    </div>
                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>微信名</label>
                        </div>
                        <input type="text" class="btnText" style="width:200px;" value="信达检测" disabled="disabled"/>
                        <button  class="btnButton" style="width: 120px" id="btnBoundWeChat">绑定微信</button>
                    </div>
                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>密码</label>
                        </div>
                        <input type="text" class="btnText" style="width:200px;" value="********" disabled="disabled"/>
                        <button  class="btnButton" style="width: 120px" id="btnPassWord">修改密码</button>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>手机号码</label>
                        </div>
                        <input type="text" class="btnText" style="width:200px;" value="13125236996" disabled="disabled"/>
                        <button  class="btnButton" style="width: 120px" id="btnPhone">修改手机号码</button>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>用户类型</label>
                        </div>
                        <input type="text" class="text100" style="width:100px;" value="企业" disabled="disabled"/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>联系人姓名</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="白子画"/>
                    </div>
                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>公司名称</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="信达检测"/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>统一社会信用代码</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value=""/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>营业执照</label>
                        </div>
                        <input  type="file" class="btnBusiness" value="business.jpg"/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label></label>
                        </div>
                        <div style="height: 350px;">
                            <img src="../img/business.jpg" style="height: 300px;width: 300px;margin-top: 35px;margin-left: 120px;" alt="" />
                        </div>

                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>公司法人</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="白子画"/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>身份证号</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" />
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>会员等级</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="初级会员" disabled="disabled"/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>会员积分</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="100" disabled="disabled"/>
                    </div>

                    <div >
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>缺省支付方式选择</label>
                        </div>

                        <div class="payment">

                            <div class="online-payment">
                                <input type="radio" name="payment" id="weChatPayment" select="selected"/>
                                <span class="online-payment-custom active"></span>
                                <label for="weChatPayment" style="width:45px;">微信</label>
                            </div>
                            <div class="shop-payment">
                                <input type="radio" name="payment" id="shopPayment"/>
                                <span class="shop-payment-custom"></span>
                                <label for="shopPayment" style="width:60px;">支付宝</label>
                            </div>
                            <div class="shop-payment">
                                <input type="radio" name="payment" id="bankPayment"/>
                                <span class="shop-payment-custom"></span>
                                <label for="bankPayment">银行快捷支付</label>
                            </div>
                        </div>
                    </div>

                    <div >
                        <button class="button"  style="width:200px" onclick="commitFn()">提交</button>
                    </div>
                </div>

                <!--绑定微信-->
                <div id="light" class="pay">
                    <a href="javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"  class="btn-close"></a>
                    <div class="QRCode-content">
                        <img src="../img/QRCode.png" alt="" />
                        <p style="margin-left: 18px">请扫描二维码绑定微信</p>
                    </div>
                </div>
                <div id="fade" class="black_overlay"></div>

                <!--修改密码-->
                <div id="divPassWord" class="pay">
                    <a href="javascript:void(0)" onclick = "document.getElementById('divPassWord').style.display='none';document.getElementById('passWordBlack').style.display='none'"  class="btn-close"></a>
                    <form action="">
                        <div>
                            <div style="width: 100px;text-align: right;margin-bottom: -28px;margin-top: 50px;">
                                <label>现用密码</label>
                            </div>
                            <input type="text" class="popText" style="width:200px;" />
                        </div>
                        <div>
                            <div style="width: 100px;text-align: right;margin-bottom: -28px;">
                                <label>新密码</label>
                            </div>
                            <input type="text" class="popText" style="width:200px;" />
                        </div>
                        <div>
                            <div style="width: 100px;text-align: right;margin-bottom: -28px;">
                                <label>确认新密码</label>
                            </div>
                            <input type="text" class="popText" style="width:200px;"  />
                        </div>
                    </form>

                    <a href="" class="paybtn">确定</a>

                </div>
                <div id="passWordBlack" class="black_overlay"></div>

                <!--修改手机号码-->
                <div id="divPhone" class="popPhone">
                    <a href="javascript:void(0)" onclick = "document.getElementById('divPhone').style.display='none';document.getElementById('divPhoneBlack').style.display='none'"  class="btn-phoneClose"></a>
                    <form action="">
                        <div>
                            <div style="width: 160px;text-align: right;margin-bottom: -28px;margin-top: 50px;">
                                <label>现用手机号码</label>
                            </div>
                            <input type="text" class="popPhoneText" style="width:200px;" />
                        </div>
                        <div>
                            <div style="width: 160px;text-align: right;margin-bottom: -28px;">
                                <label>新手机号码</label>
                            </div>
                            <input type="text" class="popPhoneText" style="width:200px;" />
                            <button  class="btnButton" style="width: 140px"  href="#">获取验证码</button>
                        </div>
                        <div>
                            <div style="width: 160px;text-align: right;margin-bottom: -28px;">
                                <label>验证码</label>
                            </div>
                            <input type="text" class="popPhoneText" style="width:200px;"  />
                        </div>
                    </form>

                    <a href="" class="paybtn">确定</a>

                </div>

                <div id="divPhoneBlack" class="black_overlay"></div>
            </div>

        </div>
    </div>
</div>
<!-- 登录-->
<div class="ui-mask" id="mask" onselectstart="return false"></div>
<div class="ui-dialog" id="dialogMove" onselectstart='return false;'>
    <div class="ui-dialog-title" id="dialogDrag"  onselectstart="return false;" >
        <img style="float:left" src="../img/logo1.png"/><span style="float:left;margin-left:10px;font-weight:bold;">登录安联车检</span>
        <a class="ui-dialog-closebutton" href="javascript:hideDialog();"></a>
    </div>
    <div class="ui-dialog-content" id="pc-content"  >
        <div class="ui-dialog-l40 ui-dialog-pt15">
            <input class="ui-dialog-input ui-dialog-input-username" type="input" placeholder="手机号/用户名" />
        </div>
        <div class="ui-dialog-l40 ui-dialog-pt15">
            <input class="ui-dialog-input ui-dialog-input-password" type="password" placeholder="密码" />
        </div>
        <div class="ui-dialog-l40 ui-dialog-pt15" style="text-align:left;">
            <input class="ui-dialog-input" style="text-indent: 10px; width:66%" type="text" placeholder="验证码" /><img style="vertical-align:middle;margin-left:10px;" src="../img/genimage.png" border="1"/>
        </div>
        <div class="ui-dialog-l40">
            <lable style="float:left"><input type="checkbox" />下次自动登录</lable>
            <a href="#" style="float:right">忘记密码</a>
        </div>
        <div>
            <a class="ui-dialog-submit" href="#" >登录</a>
        </div>
        <div class="ui-dialog-l40">
            <a href="#">立即注册</a>
        </div>
    </div>
    <div id="ph-content" class="ui-dialog-content" hidden="hidden">
        <center>
            <img src="../img/en.png"/>
            <p>微信扫一扫快速登录</p>
        </center>
    </div>
    <div style="float:right;" id="pclogin">
        <img style="float:right;margin-top:5px" src="../img/erweima.png"/>
    </div>
    <div style="float:right" hidden="hidden" id="phlogin">
        <img style="float:right;margin-top:5px"  src="../img/erer.png"/>
    </div>
</div>
<!-- 登录-->
<div class="footer">
    <div class="footer-content content">
        <p>友情链接：<a href="javascript:;" target="_blank">腾讯汽车</a>   <a href="javascript:;" target="_blank">新浪汽车</a>   <a href="javascript:;" target="_blank">网易汽车</a>   <a href="javascript:;" target="_blank">搜狐汽车</a>   <a href="javascript:;" target="_blank">易车网</a>   <a href="javascript:;" target="_blank">爱卡汽车</a>   <a href="javascript:;" target="_blank">太平洋汽车</a>   <a href="javascript:;" target="_blank">腾讯汽车</a>   <a href="javascript:;" target="_blank">新浪汽车</a>   <a href="javascript:;" target="_blank">网易汽车</a>   <a href="javascript:;" target="_blank">搜狐汽车</a>   <a href="javascript:;" target="_blank">易车网</a>   <a href="javascript:;" target="_blank">爱卡汽车</a>    <a href="javascript:;" target="_blank">太平洋汽车</a>    <a href="javascript:;" target="_blank">腾讯汽车</a>   <a href="javascript:;" target="_blank">新浪汽车</a>   </p>
        <div class="footer-info clear">
            <div class="footer-copyright">
                <p>CopyRight2017 深圳市安车检测股份有限公司 WWW.ANCHE.CN All Rights Reserved 版权所有</p>
                <p><span class="address-icp">粤ICP备14005652号</span><span>济南东忠软件提供技术支持</span></p>
            </div>
            <div class="footer-qrcode">
                <img src="../img/index/contact.png" />
            </div>
            <div class="footer-contact clear">
                <img src="../img/index/hotphone.png" />
                <p>热线电话<big>400-400-8888</big></p>
            </div>

        </div>
    </div>
</div>
<script type="text/javascript">
    // banner
    var swiperBanner = new Swiper('.swiper-banner', {
        pagination: '.pagination-banner',
        paginationClickable: true,
        autoplay: 3000,
        loop: true
    });

    //站点展示
    var swiperCarinfo = new Swiper('.swiper-carinfo', {
        slidesPerView: 5,
        paginationClickable: true,
        slidesPerGroup: 5,
        autoplay: 4000,
        loop: true
    });

    //左右切换图标
    $('.arrow-left').on('click', function(e){
        e.preventDefault();
        swiperCarinfo.swipePrev();
    })
    $('.arrow-right').on('click', function(e){
        e.preventDefault();
        swiperCarinfo.swipeNext();
    })

    // 鼠标经过停止切换
    $('.swiper-banner').mouseover(function(){
        swiperBanner.stopAutoplay();
    })
    $('.swiper-banner').mouseout(function(){
        swiperBanner.startAutoplay();
    })

    $('.swiper-carinfo').mouseover(function(){
        swiperCarinfo.stopAutoplay();
    })
    $('.swiper-carinfo').mouseout(function(){
        swiperCarinfo.startAutoplay();
    })

    $("#city").click(function (e) {
        SelCity(this,e);
    });

    // 换肤
    function huanFu(){
        var theme  = $('body').attr('id');
        if(theme == 'orange'){
            $('body').attr('id','blue');
        } else{
            $('body').attr('id','orange');
        }
    }

</script>


</body>
</html>